<template>
    <div class="layout-padding">
        <vp-card class="h100" body-class="flex h100 w100">
            <vp-tabs v-model="activeName">
                <vp-tab-pane name="list">
                    <template #label><vp-label zh="合同" en="" /></template>
                    <list></list>
                </vp-tab-pane>
                <vp-tab-pane name="details">
                    <template #label><vp-label zh="明细" en="" /></template>
                    <Details></Details>
                </vp-tab-pane>
            </vp-tabs>
        </vp-card>
    </div>
</template>
<script setup lang="ts" name="qualityManual">
import { defineAsyncComponent, ref } from 'vue'
const list = defineAsyncComponent(() => import('./list.vue'));
const Details = defineAsyncComponent(() => import('./details.vue'));

const activeName = ref("details")
</script>
<style scoped></style>